dt-picker-item {
  display: block;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 11; // 要比backdrop的z-index大方可显示在前面
}
.dt-picker {
  display: block;
  background-color: #efeff1;
  head-button {
    button {
      font-size: 16px;
      margin: 10px;
    }
    button.cancel {
      float: left;
    }
    button.finish {
      float: right;
    }
  }
  date-picker {
    position: relative;
    border-top: 2px solid #efeff1;
    border-bottom: 2px solid #efeff1;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    .scroll-view {
      padding-top: 0;
      padding-bottom: 0;
    }
    date-container {
      display: inline-block;
      border-right: 1px solid #eaeaea;
      font-size: 13px;
      span {
        margin: 5px;
        display: inline-block;
        text-align: center;
        padding: 5px 15px;
        border-radius: 5px;
      }
      div.month-date {
        width: 40px;
      }
      div.week-name {
        font-size: 12px;
      }
    }
    date-container.active span {
      background-color: #d2f2ff;
    }
    .left-arrow, .right-arrow {
      width: 5%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 0 50%;
    }
    .left-arrow {
      background-image: url(img/common/arrow-right.png);
      transform:scaleX(-1);
      -webkit-transform:scaleX(-1);
    }
    .right-arrow {
      background-image: url(img/common/arrow-right.png);
    }
  }
  time-picker {
    span {
      margin: 5px;
      border-width: 2px;
      border-style: solid;
      border-radius: 5px;
    }
    span.enable {
      background-color: white;
      border-color: white;
    }
    span.disable {
      background-color: #e4e4e6;
      border-color: #e4e4e6;
    }
    span.active {
      border-color: #0cb7fc;
    }
    div.time-range {
      padding: 0;
      font-size: 11px;
      white-space: nowrap;
      text-align: center;
    }
    div.time-status {
      font-size: 12px;
      text-align: center;
    }
  }
}
